*{margin:0; padding:0;}
body{font: 12px/1 "PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
h1,h2,h3,h4{font-weight: normal;}
a {  text-decoration: none;  }
.main{width: 1200px; margin-left:auto; margin-right:auto;}
.oh{overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.bb{border-bottom: 1px solid #eee;}
.bt{border-top: 1px solid #eee;}
.cb{clear: both;}
.tc{text-align: center;}
.none{display: none;}
ul,li{list-style: none;}


header{position: fixed; left:0; top:0; width: 100%; padding-top: 20px; padding-bottom: 20px; z-index: 999;  }
header.dong{ background: #26a0e9;}
header .aHref{ width: auto; float: left; margin-left: 50px; line-height: 34px;}
.aHrefIndex{ float: right; height: 52px; line-height: 52px; color: #333; font-size: 20px; text-align: center;}
.aHrefIndex a{ display: inline-block;}
.aHrefIndex a:link,.aHrefIndex a:visited,.aHrefIndex a:active{color: #333;}
.aHrefIndex a:hover{color: #26a0e9;}
header .aHref a{display: inline-block; height: 34px; line-height: 34px; font-size: 16px; margin-left:32px; cursor: pointer;}
.aHref a,.aHref a:link,.aHref a:visited,.aHref a:active{color: #fff; text-decoration: none;}
.aHref a.on{border-bottom: 2px solid #fff;}
.aHref a:hover{border-bottom: 2px solid #fff;}
.header_fff{background: #fff; border-bottom:1px solid #eee; line-height: 52px; font-size: 26px; color: #333; letter-spacing: 10px;}
.header_fff em{color: #26a0e9;  font-style: normal;}

header.dong .aHref a,header.dong .aHref a:link,header.dong .aHref a:visited,header.dong .aHref a:active{color: #fff; text-decoration: none;}
header.dong .aHref a.on{border-bottom: 2px solid #fff;}
header.dong .aHref a:hover{border-bottom: 2px solid #fff;}

header img{
    height:50px;
    width:auto;
    display: block;
}
.bannerBox{min-height: 640px; background: #fff url("../images/bg1.png") no-repeat center 0; background-size:cover;  }


.banner{ height: 500px; text-align: left; padding-top:120px; }
.banner .txt{ width: 560px; padding-top: 50px;   }
.banner h2{ font-size: 50px; color: #fff; font-weight: normal; padding:40px 0 20px;  }
.banner .p1{ font-size: 30px; color: #fff; letter-spacing: 15px; margin-bottom: 30px; }
.banner .p2{ font-size: 14px; color: #fff; opacity: 0.9; padding-left:6px; line-height: 24px;}
.banner .up{ display: inline-block; position: absolute; left:-10px; top: -10px; }
.banner .down{ display: inline-block; position: relative; bottom: -10px; }
.banner .img{ margin-right:-120px;  }
.banner .more{ font-size: 20px; color: #fff; display: block; width:180px; height:70px; line-height: 70px; border-radius: 35px; background: #26a0e9; text-align: center; margin-top:70px; }
.banner .more:hover{  background: #fff; color: #26a0e9; border:1px solid #26a0e9; }

.characterFun{}
.characterFun .tit1{padding-top:70px; text-align: center;}
.characterFun .tit1 img{width: 120px;}
.characterList{overflow: hidden; padding:80px 6px 20px; cursor: pointer; }
.characterList>li{float: left; width: 360px; box-sizing: border-box ; padding:100px 40px 0; height:460px; background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.2); border: 2px solid #fff; border-top: 2px solid #28ABF9; position: relative; border-radius: 4px;}
.characterList>li:nth-of-type(2){
    margin:0 54px;
}
.characterList>li:hover{
    box-shadow: 0 4px 10px rgba(40,171,249,0.3);
    border: 2px solid #28ABF9;
}
.characterList>li .img{ position: absolute; left:calc(50% - 50px); top:-50px; }
.characterList>li .img img{ width:100px;}
.characterList .conts h2{ font-size: 18px; color: #333; height: 18px; line-height: 18px; margin-bottom: 8px; padding-left:12px; border-left:4px solid #26a0e9;}
.characterList .conts p{ font-size: 14px; color: #999; padding-left:12px; line-height: 22px;}
.characterList .conts p:hover{ color: #333;}
.characterList .conts li{ margin-bottom: 20px;}


.solve{ padding:80px 0 60px;}
.solveList{}
.solveList li{ float: left; width: 24%; height:200px; line-height: 180px; color: #fff; text-align: center; margin-bottom:20px; margin-right:1.33%; cursor: pointer;  overflow: hidden; position: relative; border-radius: 10px; }
.solveList li p{ width: 100%; height: 100%;  transition: all 0.6s; cursor: pointer;  position: relative; }
.solveList li p::after{
  content: "";
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
}
.solveList li:hover p{ transform: scale(1.1); }
.solveList li h2{ background: url("../images/bg4.png") no-repeat center 120px; background-size: 30px 2px;  font-size: 20px;  position: absolute; left:0; top:0; width: 100%; }
.solveList li:nth-of-type(4n+4){margin-right:0;}


.subtit{padding-top:10px; text-align: center; font-size: 18px; color:#999; margin-bottom: 50px;}
.c_tit1{  text-align: center;  }
.c_tit1 span{ font-size: 24px; color:#333; display: inline-block; padding-bottom:18px;  background: url("../images/bg3.png") no-repeat center bottom; background-size:30px 4px; font-weight: 600;   }
.c_tit2{ text-align: center; }
.c_tit2 span{ font-size: 24px; color:#fff; display: inline-block; padding-bottom:18px;  background: url("../images/bg4.png") no-repeat center bottom; background-size:30px 4px; font-weight: 600;  }

.advantage{ padding:80px 0 40px; background: #26a0e9; }
.advantage .subtit{color: #fff;}
.advantageList{}
.advantageList li{ float: left; width:32.3%; box-sizing: border-box;  margin:0 0.5% 10px; background: #fff; height:250px; border-radius: 4px; text-align: center; padding:30px 60px; box-shadow: 0 4px 4px rgba(0,0,0,0.1);}
.advantageList li .img{ height:70px; line-height: 70px;}
.advantageList li .img img{ max-height:70px; vertical-align: middle;}
.advantageList li h2{ font-size: 22px; color: #333; padding:20px 0 16px; }
.advantageList li p{ font-size: 14px; color: #999; line-height: 22px; }
.advantageList li p:hover{  color: #333; }

.caseList{  padding-bottom: 50px;  padding-top: 40px;}
.caseList ul{ box-sizing: border-box; padding: 10px; }
.caseList li{ float: left; width:30%; margin-bottom: 20px; background: #fff;  box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 4px; overflow: hidden;}
.caseList li:nth-of-type(3n+2){ margin-left:5%; margin-right:5%; }
.caseList li .img{ width: 100%; height: 200px; overflow: hidden;  }
.caseList li .img p{ width: 100%; height: 100%; margin:0;  transition: all 0.6s; cursor: pointer; }
.caseList li .img p:hover{
    transform: scale(1.1);
}
.caseList li p{ height: 70px; line-height: 70px; font-size: 14px; color: #666; margin:0 20px;}
.caseList li p:hover{  color: #333; }


.liveVideo{ text-align: center; padding:80px 0 40px;}
.liveVideo li{width: 33.3%; float: left; padding-bottom: 30px; }
.liveVideo li .covers{display: block; width: 100%; height: 100%;  position: absolute; left:0; top:0; z-index: 2;}
.liveVideo li .covers::after{content:""; display: block; width: 100%; height: 100%;  position: absolute; left:0; top:0; z-index: 2; background: rgba(0,0,0,0.5);}
.liveVideo li .covers img{display: block; max-width: 100%; width: auto; height: 100%;}
.liveVideo .mp4_box{width: 370px; height:210px; border:5px solid #eee;  background: #000; position: relative;}
.liveVideo .mp4_box .player{width: 100px; height:70px; line-height: 70px; text-align: center;   border-radius: 6px; position: absolute; left:0; top:0; right:0; bottom:0; z-index: 3; margin:auto; font-size: 0; cursor: pointer;}
.liveVideo .mp4_box .player img{width: 50px; height:50px; display: inline-block; margin-top: 10px;}
.liveVideo .mp4_box .mp4{width: 100%; height:100%; position: absolute; left:0; top:0; z-index: 1;}
.liveVideo .mp4_box .mp4 video{width: 100%; height:100%;}

.newsList{ border-top: 2px solid #26a0e9; padding-top: 80px; }
.newsList ul{margin-top: 50px; margin-bottom: 50px;}
.newsList li{ float: left; width: 40%; overflow: hidden; margin-bottom: 30px; background: url("../images/jiao.jpg") no-repeat 0 center; padding-left: 16px;}
.newsList li:nth-of-type(odd){ float: left;}
.newsList li:nth-of-type(even){ float: right;}
.newsList li .txt{ float: left; width: calc(100% - 130px); color: #666; font-size: 14px; height: 24px; line-height: 24px; cursor: pointer;}
.newsList li .txt:hover{  color: #333; text-decoration: underline; }
.newsList li .time{ float: right; color: #999; font-size: 12px; height: 24px; line-height: 24px;}
.newsList li a:link,.newsList li a:visited,.newsList li a:active{ color: #666;}


.footer{color: #939393; overflow: hidden; background: #1e1e1e; padding-top:60px;}
.footer .tit{color: #fff; font-size: 16px;}
.footer ul{float: left; overflow: hidden; margin-left: 50px;}
.footer li{ text-align: left; margin-bottom: 30px; height: 24px; line-height: 24px; width: auto; font-size: 14px;}
.footer .div0{ width:170px;}
.footer .div1{ width:120px; }
.footer .div1 a,.footer .div1 a:link,.footer .div1 a:visited,.footer .div1 a:active{ color: #939393; }
.footer .div1 a:hover,.footer li:hover{color: #fff; text-decoration: underline;}
.footer .div1 .img{}
.footer .div1 .desc{ font-size: 14px; text-align: left; text-indent: 2em; margin-top: 10px;}
.footer .div1 .img img{width: 151px; height: auto;}
.footer .div1 p{font-size: 12px; padding-top: 10px;}
.footer .div2{ width:320px; margin-left: 110px;}
.footer .div2 li.tit{ padding-left:0;}
.footer .div2 li{ padding-left:40px;}
.footer .div2 li:nth-of-type(2){background: url("../images/site_big.png") no-repeat 0 center; background-size:17px 21px; }
.footer .div2 li:nth-of-type(3){background: url("../images/tel_big.png") no-repeat 0 center; background-size:14px 21px;}
.footer .div2 li:nth-of-type(4){background: url("../images/qq_big.png") no-repeat 0 center; background-size:17px 19px;}
.footer .div2 li:nth-of-type(5){background: url("../images/email_big.png") no-repeat 0 center; margin-bottom: 0; background-size:20px 16px;}
.footer .div3{float: left; width: 500px; margin-left: 50px; }
.footer .div3 img{ height: auto; margin-top: 10px; padding:10px; width: auto;}
.footer .div3 p{ font-size: 13px; line-height: 25px;}

.footer .bot{text-align: center; font-size: 14px;}
.footer .bot div{ padding:30px 0 50px; border-top:1px solid #333;}




.contract_side{position: fixed; right:0; bottom:460px; z-index: 998; }
.contract_side .tel a{ color: #fff; font-style: normal; }
.contrat_state1{ position: absolute; right:0; top:0; width:110px; padding:0 20px; height: auto; background: url("../images/sidebg.jpg") no-repeat center center; background-size:cover; text-align: center; color: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.4); display: block;  }
.contrat_state1 .back{ position: absolute; left:0; top:0; cursor: pointer;padding:4px; }
.contrat_state1 .back img{ display: block !important;  }
.contrat_state1 .img{ padding:20px 0 15px; border-bottom:1px solid rgba(255,255,255,0.3);  }
.contrat_state1 .img img{ max-width: 100%; max-height: 100%;  }
.contrat_state1 .tel{ padding:15px 0; border-bottom:1px solid rgba(255,255,255,0.3); }
.contrat_state1 .tel h2{ font-size: 16px; padding-bottom: 10px; }
.contrat_state1 .tel1{ font-size: 16px; font-style: italic; padding-bottom: 10px; }
.contrat_state1 .tel2{ font-size: 16px; }
.contrat_state1 .qq{ padding-bottom: 16px; margin-top: 10px; }
.contrat_state1 .wechat{ margin-bottom: 10px; }
.contrat_state2{position: absolute; right:0; top:0; width:22px; padding:20px 10px; background: #3ab6d9; color: #fff; text-align: center; font-size: 14px; cursor: pointer; box-shadow: 0 0 4px rgba(0,0,0,0.4); display: none; }
.contrat_state2 img{ margin-bottom: 10px;}


.newsDetail{ padding:100px 0;}
.newsDetail .tit{ font-weight: bold; font-size: 26px; padding:50px 0 30px;}
.newsDetail .cont{ font-size: 16px;
    text-indent: 2em;
    margin: 26px 0;
    line-height: 28px; }
.newsDetail .cont p{ margin-bottom: 10px;}

.hui_tab{ position: fixed; left: 0; top:92px; background: #f5f5f5; width: 100%; text-align: center;}
.hui_tab span{display: inline-block; height:50px; line-height: 50px;  font-size: 16px; box-sizing: border-box; margin:0 50px; cursor: pointer;}
.hui_tab span.active{ border-bottom: 2px solid #26a0e9; color: #26a0e9;}
.hui_tab a,.hui_tab a:link,.hui_tab a:visited,.hui_tab a:active{
    color: #333;
}
.hui_tab span a{
    display: block;
    padding:0 20px;
}
.hui_tab span.active a,.hui_tab span.active a:link,.hui_tab span.active a:visited,.hui_tab span.active a:active{
    color: #26a0e9;
}
.hui_tab a:hover{
    color: #26a0e9;
}


.hui_cont{}
.hui_cont ul{}
.hui_cont ul li{overflow: hidden; padding:50px 0;}
.hui_cont ul li:nth-of-type(odd){ background: #fff; }
.hui_cont ul li:nth-of-type(even){ background: #fbfbfb; }
.hui_cont ul .txt{float: left;}
.hui_cont ul .img{float: right;}
.hui_cont ul li:nth-of-type(odd) .txt{
    float: left;
    width: 480px;
    padding-left:40px;
    padding-right:100px;
}
.hui_cont ul li:nth-of-type(odd) .img{
    float: right;
    width: 520px;
    margin-left:40px;
}
.hui_cont ul li:nth-of-type(even) .txt{
    float: right;
    width: 480px;
    padding:0 40px;
}
.hui_cont ul li:nth-of-type(even) .img{
    float: left;
    width: 580px;
    margin-left: 40px;
}

.hui_cont .cont h2{font-size: 24px; color: #333; padding-top:50px; padding-bottom:30px;}
.hui_cont .cont h2 span{ color: #ea4b3f;}
.hui_cont .cont .txt p{ color: #999; font-size: 18px; line-height: 30px;}

.hui_guide{height:406px; background: url("../images/hui_bg1.jpg") no-repeat center center; background-size:cover; }
.hui_guide h2{ padding: 70px 0 20px; }
.hui_guide .img{text-align: center; padding-top: 70px;}

.hui_function{}
.hui_function>h2{  padding: 70px 0 20px;}
.hui_function ul{ padding:50px 10px 80px; box-sizing: border-box;}
.hui_function ul li{ float: left; width: 30%; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius:4px; padding:20px 0 40px; text-align: center; }
.hui_function ul li:nth-of-type(2){ margin:0 5% }
.hui_function ul li img{ height:100px; width: auto; }
.hui_function ul li h2{  padding-top: 20px; font-size: 20px; color: #333; background: url("../images/bg3.png") no-repeat center top; background-size: 30px 4px; margin-top: 30px; }

.scene_character{padding-bottom: 80px;}
.scene_character>h2{padding:80px 0 60px;}
.scene_character li{ width: 25%; float: left; text-align: center;}
.scene_character .img{ margin-bottom:40px; }
.scene_character .img img{ height: 90px; width: auto; }
.scene_character ul h2{ font-size: 20px; color: #333; }

.solves_box{padding:80px 0; background:url("../images/bg6.jpg") no-repeat center center; background-size: cover;}
.solves_box ul{ padding:10px; margin-top: 50px; box-sizing: border-box; }
.solves_box li{ width: 30%; float: left; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: relative; padding-top: 42px; text-align: center; border-radius: 6px;}
.solves_box li:nth-of-type(2){margin:0 5%;}
.solves_box li .tit{position: absolute; top:-12px; left:10%; width: 80%; height: 46px; line-height: 46px; font-size: 20px;  background: url("../images/bg5.png") no-repeat center center; background-size: 100% 100%; color: #fff; }
.solves_box td{ height: 60px; border-collapse: collapse; border-right:1px solid #f4e0df;}
.solves_box thead td{ border-bottom: 2px solid #ea4b3f;}
.solves_box table{ width: 100%;}
.solves_box tbody tr:nth-of-type(odd){ background: #fff; }
.solves_box tbody tr:nth-of-type(even){ background: #fafafa; }

.case_detail{}
.case_detail .case_img{ width: 100%; max-width: 100%; height: auto;}
.case_detail .case_img_mobile{ display: none;}

.yongList{ padding:20px 0 60px;}
.yongList ul{}
.yongList li{float: left; width:222px; height:134px; border:1px solid #f6f6f6; margin-left:101px; margin-bottom: 30px; cursor: pointer; overflow: hidden }
.yongList li:nth-of-type(4n+1){ margin-left:0;}
.yongList li img{ width: 100%; height: 100%; display: block; transition: all 0.6s;}
.yongList li:hover img{
    transform: scale(1.1);
}


/*手机版样式*/
@media (max-width:1000px) {
    .main{width: 92%; margin-left:auto; margin-right:auto;}
    header{padding:10px 0; background: #26a0e9;}
    .meau{ width: 30px; line-height: 5px; padding:12px 4px; margin-right: 4%;}
    .meau span{height:3px; width: 100%; background: #fff; display: inline-block; margin-bottom: 5px;}
    .header_center{width: 100%;}
    .header_center .logo{margin-left:4%; height: 36px; display: block; margin-top: 6px;}
    .header_center .aHref{position: absolute; left:0; top:66px; width: 100%; background: #26a0e9; margin-left:0; display: none; border-top:1px solid #fca594; padding:10px 0 20px; z-index: 998;}
    .header_center .aHref a{display: block; width: 100%; margin-left: 0; text-align: center; border: none !important;}
    .header_center .aHref a{border: none !important;}
    .mbshadow{
        position: fixed;
        left:0;
        top:0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 9;
        display: none;
    }
    .contrat_state1{display: none;}
    .contrat_state2{display: block;}
    .bannerBox{min-height: 500px;}
    .banner{padding-top: 16px;}
    .banner .txt{ max-width: 100%; height: auto;}
    .banner .img{max-width: 100%; margin-right:0;}
    .banner .img img{max-width: 100%; padding:20px 0;}
    .banner h2{font-size: 30px; text-align: center;}
    .banner .p1{font-size: 18px; letter-spacing: 6px; text-align: center;}
    .banner .p2{width: 90%; margin:0 auto;}
    .banner .p2 i{display: none;}
    .subtit{font-size: 14px; margin-bottom: 20px;}
    .characterList{ padding-top: 10px !important;  padding-bottom: 0 !important;}
    .characterList>li{width: 100%; margin:40px 0 !important;}
    .characterFun .tit1{padding-top: 30px;}
    .solve,.advantage{padding: 40px 0 20px;}
    .solveList li{width:48%; margin:10px 1%; height: 120px;}
    .solveList li h2{font-size: 16px; line-height: 110px;     background: url(../images/bg4.png) no-repeat center 76px;
        background-size: 30px 2px;}
    .advantageList li{width:48%; margin: 0 1% 10px; padding: 10px 10px;}
    .advantageList li h2{font-size: 16px;}
    .advantageList li p{font-size: 12px;}
    .caseList li{width: 100%; margin-left:0 !important; margin-right:0 !important;}
    .yongList{padding-bottom: 30px;}
    .yongList li{width: 33.3%; box-sizing: border-box; margin:0; height: 80px;}
    .newsList{padding-top: 40px;}
    .newsList li{width: 100%; float: none; box-sizing: border-box;}
    .newsList ul{margin-bottom: 30px; margin-top:30px;}
    .footer{padding-top: 30px;}
    .footer li{ margin-bottom: 15px;}
    .footer ul{margin-left: 0; float: none;}
    .footer .div0{width: 100%; margin-bottom: 10px;}
    .footer .div0 li.tit{ float: none; text-align: center; width: 100%;}
    .footer .div0 li{ width: 33.3%; text-align: center; float: left;}
    .footer .div1{width: 100%; text-align: center;}
    .footer ul:nth-child(3) .tit{ display: none;}
    .footer .div1 li.tit{ float: none; text-align: center; width: 100%; margin-bottom: 15px;}
    .footer .div1 li{ float: left; text-align: center; width: 25%; margin-bottom: 10px;}
    .footer .div2{margin-left: 0; width: 100%; margin-top: 10px; }
    .footer .div2 .tit{ text-align: center; margin-bottom: 15px;}
    .footer .div3{float: none; margin:20px auto; text-align: center;}
    .footer .div3 img{margin-top: 0;}
    .footer .bot div{padding:20px 0; font-size: 12px;}
    .c_tit2 span{font-size: 20px; background: url(../images/bg4.png) no-repeat center bottom;
        background-size: 26px 2px; padding-bottom: 10px;}
    header img{height: 40px; margin-top: 8px;}
    .aHrefIndex{font-size: 16px;}
    .hui_tab{top:72px; text-align: center;}
    .hui_tab span{ margin:0 10px;}
    .header_fff{font-size: 0;}
    .hui_cont ul li{padding-bottom: 30px; padding-top: 10px;}
    .hui_cont .cont h2{padding-top: 10px; text-align: center; font-size: 20px; padding-bottom: 20px;}
    .hui_cont .cont .txt p{font-size: 16px;}
    .hui_cont ul li:nth-of-type(odd) .txt,.hui_cont ul li:nth-of-type(even) .txt{width: 100%; padding:0;}
    .hui_cont ul li:nth-of-type(odd) .img,.hui_cont ul li:nth-of-type(even) .img{width: 100%; margin:0; margin-top: 10px; }
    .hui_cont ul li:nth-of-type(odd) .img img,.hui_cont ul li:nth-of-type(even) .img img{max-width: 80%; height: auto; display: block; margin:0 auto; width: auto;}
    .hui_guide h2{padding:40px 0 10px;}
    .hui_guide .img{padding-top: 30px; width: 100%;}
    .hui_guide .img img{max-width: 90%;}
    .hui_guide{height: 200px;}
    .hui_function>h2{padding:30px 0 10px;}
    .c_tit1 span{font-size: 20px;}
    .hui_function ul{padding:20px 0 30px;}
    .hui_function ul li{width: 90%; margin:0 auto !important; margin-bottom: 20px !important; float: none !important;}
    .hui_function ul li{padding:10px 0 20px;}
    .hui_function ul li h2{padding-top: 10px; font-size: 16px; margin-top: 15px;}
    .hui_function ul li img{height: 80px;}
    .newsDetail{padding:70px 0 30px;}
    .newsDetail .tit{padding:30px 0 6px; font-size:18px;}
    .newsDetail .cont{font-size: 14px; margin:16px 0;}
    .newsDetail .cont img{max-width: 100% !important;}
    .scene_character>h2{padding:20px 0 20px;}
    .scene_character ul{margin-top: 10px;}
    .scene_character li{width: 50%; margin-bottom: 20px;}
    .scene_character .img img{height: 50px;}
    .scene_character .img{margin-bottom: 10px;}
    .scene_character ul h2{font-size: 16px;}
    .scene_character{padding-bottom: 20px;}
    .solves_box{padding: 40px 0;}
    .solves_box li{width: 100%; margin:10px 0 20px !important;}
    .solves_box li .tit{font-size: 14px;}
    .solves_box ul{margin-top: 30px;}
    .caseList_ld{padding-bottom: 0;}
    .caseList_ld ul{ margin-top: 30px; padding-bottom: 0;}
    .caseList_ld li{ width: 49%;}
    .caseList_ld li:nth-of-type(odd){ margin-right: 1% !important;}
    .caseList_ld li:nth-of-type(even){ margin-left: 1% !important;}
    .caseList_ld li h3{ font-size: 14px; height: 16px; line-height: 16px; margin:10px 10px 4px; overflow: hidden; }
    .caseList_ld li p{margin:0 10px; height: 30px; line-height: 30px; font-size: 12px;}
    .caseList_ld li .img{height: 110px; }
    .case_detail .case_img{ display: none;}
    .case_detail .case_img_mobile{ display: block;}
}